<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">

   <!--  <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"> -->
    <!-- <link rel="stylesheet" href="/Users/alan/denv/bountyhunter/static/css/bootstrap.css"> -->
    <script src="{{ url_for('static',filename='js/jquery.js',_external=True) }}"></script>
    <link rel="stylesheet" href="{{ url_for('static',filename='css/weui.css',_external=True) }}">

    <script src="{{ url_for('static',filename='js/mobiscroll_002.js',_external=True) }}"></script>
    
    <script src="{{ url_for('static',filename='js/mobiscroll_004.js',_external=True) }}"></script>
    <script src="{{ url_for('static',filename='js/mobiscroll.js',_external=True) }}"></script>
    <script src="{{ url_for('static',filename='js/mobiscroll_003.js',_external=True) }}"></script>
    <script src="{{ url_for('static',filename='js/mobiscroll_005.js',_external=True) }}"></script>
    <link rel="stylesheet" href="{{ url_for('static',filename='css/mobiscroll_002.css',_external=True) }}">
    <link rel="stylesheet" href="{{ url_for('static',filename='css/mobiscroll.css',_external=True) }}">
    <link rel="stylesheet" href="{{ url_for('static',filename='css/mobiscroll_003.css',_external=True) }}">
    <style>
      p{
        margin:0;
      }
    </style>

    <title>查看任务</title>




<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<!-- <script src="/Users/alan/denv/bountyhunter/static/js/jquery.js"></script> -->
<!-- <script src="{{ url_for('static',filename='js/jquery.js',_external=True) }}"></script> -->

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<!-- <script src="/Users/alan/denv/bountyhunter/static/js/bootstrap.js"></script> -->
<!-- <script src="{{ url_for('static',filename='js/bootstrap.js',_external=True) }}"></script> -->







</head>
<body>
<!-- 
    <h2>微信web开发者工具</h2>
    <hr>

    <div class="container-fluid">
        <div class="row">
          <div class="col-xs-1"></div>
          <div class="col-xs-2"></div>
          <div class="col-xs-8"></div>
          <div class="col-xs-1"></div>
        </div>
    </div> -->
<!-- 外围框 -->
<div style="text-align: center;margin-top: 20px;">
  <button class="weui_btn weui_btn_mini weui_btn_primary">发布</button>
  <button class="weui_btn weui_btn_mini weui_btn_primary">审核</button>
  <button class="weui_btn weui_btn_mini weui_btn_default">竞标</button>
  <button class="weui_btn weui_btn_mini weui_btn_default">工作</button>
  <button class="weui_btn weui_btn_mini weui_btn_default">评价</button>
</div>
<div class="container-fluid">
    <div class="row">
        <div class="col-xs-1"></div>
        <div class="col-xs-10">
        <br>
        <form class="form-horizontal">
        <!-- 任务名称 -->
          <div class="form-group">

            <!-- 任务名称 -->
            <div class="weui_cell">
              <div class="weui_cell_hd"><label class="weui_label">任务名称</label></div>
              <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input" type="text" readonly="readonly" value="Ctrix环境部署">
              </div>
            </div>
            <!-- 任务类型 -->
            <div class="weui_cell">
              <div class="weui_cell_hd"><label class="weui_label">任务类型</label></div>
              <div class="weui_cell_bd weui_cell_primary">
                <select class="form-control" style="width: 100px;" disabled="disabled">
                  <option>IT</option>
                  <option selected="selected">非IT</option>
                </select>
              </div>
            </div>
            
          </div>

        <!-- 完成时间 -->
        <div class="weui_cell">
            
                
                <div class="weui_cell_hd"><label class="weui_label">完成时间</label></div>
                <div class="demos">
                  <input class="weui_input" readonly="readonly" name="appDate" id="appDate" type="text" value="2016-10-09">
                </div>
                <input type="hidden" id="dtp_input1" value="" /><br/>
            
        </div>
        <!-- 任务描述 -->
          <div class="weui_cells">
            <div class="weui_cell_hd" style="padding: 0 15px;border-top: none;"><label class="weui_label">任务描述</label></div>
          </div>
          <div class="weui_cell">
            <div class="weui_cell_bd weui_cell_primary">
                <textarea class="weui_textarea" placeholder="请输入任务描述" rows="3" style="font-size: 17px;border: 1px" readonly="readonly">需要安装部署一个Ctrix环境。</textarea>
                <div class="weui_textarea_counter"><span>0</span>/200</div>
            </div>
          </div>
          <!-- 任务目标 -->
          <div class="weui_cells">
            <div class="weui_cell_hd" style="padding: 0 15px;border-top: none;"><label class="weui_label">任务目标</label></div>
          </div>
          <div class="weui_cell">
            <div class="weui_cell_bd weui_cell_primary">
                <textarea class="weui_textarea" placeholder="请输入任务目标" rows="3" style="font-size: 17px;"readonly="readonly">需要安装部署一个Ctrix环境。</textarea>
                <div class="weui_textarea_counter"><span>0</span>/200</div>
            </div>
          </div>
          <!-- 技能需求 -->
          <div class="form-group">
              <div class="weui_cell">
                
                <div class="weui_cell_hd"><label class="weui_label">技能需求</label></div>
                <div class="col-xs-8"></div>          
              </div>
                <div class="weui_cells weui_cells_checkbox">
                  <label class="weui_cell weui_check_label" for="s11">
                      <div class="weui_cell_hd">
                          <input type="checkbox" disabled="disabled" class="weui_check" name="checkbox1" id="s11" checked="checked">
                          <i class="weui_icon_checked"></i>
                      </div>
                      <div class="weui_cell_bd weui_cell_primary">
                          <p>Cisco</p>
                      </div>
                  </label>
                  <label class="weui_cell weui_check_label" for="s12">
                      <div class="weui_cell_hd">
                          <input type="checkbox" disabled="disabled" name="checkbox1" class="weui_check" id="s12">
                          <i class="weui_icon_checked"></i>
                      </div>
                      <div class="weui_cell_bd weui_cell_primary">
                          <p>HuaWei</p>
                      </div>
                  </label>
                  <label class="weui_cell weui_check_label" for="s13">
                      <div class="weui_cell_hd">
                          <input type="checkbox" disabled="disabled" name="checkbox1" class="weui_check" id="s13">
                          <i class="weui_icon_checked"></i>
                      </div>
                      <div class="weui_cell_bd weui_cell_primary">
                          <p>Oracle</p>
                      </div>
                  </label>
                  <label class="weui_cell weui_check_label" for="s14">
                      <div class="weui_cell_hd">
                          <input type="checkbox" disabled="disabled" name="checkbox1" class="weui_check" id="s14">
                          <i class="weui_icon_checked"></i>
                      </div>
                      <div class="weui_cell_bd weui_cell_primary">
                          <p>IBM</p>
                      </div>
                  </label>
                  <label class="weui_cell weui_check_label" for="s15">
                      <div class="weui_cell_hd">
                          <input type="checkbox" disabled="disabled" name="checkbox1" class="weui_check" id="s15">
                          <i class="weui_icon_checked"></i>
                      </div>
                      <div class="weui_cell_bd weui_cell_primary">
                          <p>MicroSoft</p>
                      </div>
                  </label>
                  <label class="weui_cell weui_check_label" for="s16">
                      <div class="weui_cell_hd">
                          <input type="checkbox" checked="checked" disabled="disabled" name="checkbox1" class="weui_check" id="s16">
                          <i class="weui_icon_checked"></i>
                      </div>
                      <div class="weui_cell_bd weui_cell_primary">
                          <p>Linux</p>
                      </div>
                  </label>
                  <label class="weui_cell weui_check_label" for="s17">
                      <div class="weui_cell_hd">
                          <input type="checkbox" disabled="disabled" name="checkbox1" class="weui_check" id="s17">
                          <i class="weui_icon_checked"></i>
                      </div>
                      <div class="weui_cell_bd weui_cell_primary">
                          <p>VMware</p>
                      </div>
                  </label>
                  <label class="weui_cell weui_check_label" for="s18">
                      <div class="weui_cell_hd">
                          <input type="checkbox" disabled="disabled" name="checkbox1" class="weui_check" id="s18">
                          <i class="weui_icon_checked"></i>
                      </div>
                      <div class="weui_cell_bd weui_cell_primary">
                          <p>Citrix</p>
                      </div>
                  </label>

                </div>
                
          <br>


        <!-- 悬赏金额 -->
        <div class="form-group" style="margin-bottom: 50px;">
          <div class="weui_cell">
                <div class="weui_cell_hd"><label class="weui_label">悬赏金额</label></div>
                <div class="weui_cell_bd weui_cell_primary">
                  <input class="weui_input" type="number" value="10000" >
                </div>
          </div>
        </div>
        </div>
        <div class="col-xs-1"></div>
    </div>    
</div>
<div class="weui_dialog_confirm" style="display: none;" id="dialog">
    <div class="weui_mask"></div>
    <div class="weui_dialog">
        <div class="weui_dialog_hd"><strong class="weui_dialog_title">确认提示</strong></div>
        <div class="weui_dialog_bd">确认删除当前信息么？</div>
        <div class="weui_dialog_ft">
            <a href="javascript:hideDialog();" class="weui_btn_dialog default">取消</a>
            <a href="/wechat/mission_commit" class="weui_btn_dialog primary">确定</a>
        </div>
    </div>
</div>
<div style="text-align: center;">
  <a href="/wechat/edit_mission" class="weui_btn weui_btn weui_btn_primary">修改</a>
  <a onclick="showDialog();" class="weui_btn weui_btn weui_btn_warn">删除</a>
</div>

<script type="text/javascript">
  function showDialog(){
    $("#dialog").css("display","block");
  }
  function hideDialog(){
    $("#dialog").css("display","none");
  }
</script>
</body>
</html>